关于通过JS变更文本框内文字与颜色

新人程序猿，望大家指导，轻喷，谢谢！

(因为公司内外网隔离，无法复制粘贴，所有代码都是手敲的)

曾经有个文本框

<input id="inputId" style="line-height: 22px;" class='easyui-validatebox' >

想要在文本框内实现输入提示的功能
最开始想用placeholder去实现，但发现easyui好像不支持placeholder，所以就自己用js去实现，好在也不复杂。

在htm里添加了onclick和onblur方法调用，变成如下：

<input id="inputId" style="line-height: 22px;" class='easyui-validatebox' οnclick="addClick()" onBlur="addBlur">

然后在js中增加了如下的方法（onClick方法差不多就不写了）：

function addBlur(){
	if($("#inputId").val() == ""){
		$("#inputId").val("请输入");
		$("#inputId").style.color="red";
	}
}

文字内容控制没有问题，但是颜色的控制怎么尝试都不行。后来改用如下代码：

function addBlur(){
	if($("#inputId").val() == ""){
		$("#inputId").val("请输入");
		$("#inputId").css("color","red");
	}
}

就可以了。真是百思不得其姐啊。